<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账号登录</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">


</head>

<body>
    <div>
        <!-- <div class="left_img"><img src="../img/img/login_img/login1.jpg" alt=""></div> -->
        <div class="right">
            <div class="right_top">
                <a href="../index.html"><img src="../img/img/index_img/logo.png" alt=""></a>
                <div>
                    <a href="">用户协议</a>
                    <a href="">隐私政策</a>
                    <a href="">帮助中心</a>
                    <select>
                        <option>中文简体</option>
                        <option>English</option>
                    </select>
                </div>
            </div>
            <div class="right_bottom">
                <div class="login_box">
                    <div class="box_top">
                        <a href="./login.html">登录</a>
                        <a href="./register.html">注册</a>
                    </div>
                    <input class="phone username" type="text" placeholder="邮箱/手机号码/360账号">
                    <p class="pass_note"> 请输入你的账号名和密码</p>
                    <div>
                        <input class="phone password" type="password" placeholder="请输入密码">
                        <div class="conceal"></div>
                    </div>
                    <p class="pass_note"> 请输入你的账号名和密码</p>
                    <div class="check_box">
                        <input type="checkbox">
                        <span>已阅读并同意 <a href="">360账户协议</a>和<a href="">隐私政策</a> </span>
                    </div>
                    <!-- 滑动验证 -->
                    <div class="verify">
                        <span>验证:</span>
                        <div id="verify_box">
                            <div id="verify_xbox">
                                <div id="btn">
                                    <img src="../img/img/login_img/lllllll.png" />
                                </div>
                            </div>
                            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;按住滑块，拖动到最右边
                        </div>

                    </div>
                    <button class="btn">登录</button>
                    <div class="no_pass">
                        <a href="">收不到验证码？</a>
                        <input type="checkbox">记住密码
                    </div>
                    <div class="ather_login">
                        <span>其他方式登录</span>
                        <div>
                            <img src="../img/img/login_img/ather_login.png" alt="">
                        </div>
                    </div>




                </div>

            </div>
        </div>

        <script src="../libs/jquery.min.js"></script>
        <script src="../libs/jquery.cookie.js"></script>
        <script src="../js/login.js"></script>
     
</body>

</html>